<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Sistema de Alojamiento</title>
</h:head>
<h:body>
	<h:form>
		<table>
			<tr>
				<td><h:outputLabel for="id" value="Id : " /></td>
				<td><p:inputText id="id" value="#{arriendoMB.id}">
						<f:converter converterId="javax.faces.Integer" />
						<p:ajax event="blur" update="idMsg" />
					</p:inputText> <p:message id="idMsg" for="id" display="icon" /></td>
			</tr>

			<tr>
				<td><h:outputLabel for="alojamiento" value="Alojamiento : " /></td>
				<td><p:selectOneMenu id="alojamiento"
						value="#{arriendoMB.alojamiento}">
						<f:selectItems value="#{arriendoMB.alojamientoList}" var="aloj" itemLabel="#{aloj.nombre}" itemValue="#{aloj.id}" />
					</p:selectOneMenu> <p:message id="alojamientoMsg" for="alojamiento" display="icon" />
				</td>
			</tr>

			<tr>
				<td><h:outputLabel for="pieza" value="Pieza : " /></td>
				<td><p:selectOneMenu id="pieza" value="#{arriendoMB.pieza}">
						<f:selectItems value="#{arriendoMB.piezaList}" var="piez" itemLabel="#{piez.nombre}" itemValue="#{piez.id}" />
					</p:selectOneMenu> <p:message id="piezaMsg" for="pieza" display="icon" /></td>
			</tr>
			<!-- 	     
		     <tr>
		     	<td><h:outputLabel for="cliente" value="Cliente : " /></td>   
		     	<td><p:inputText id="cliente" value="#{arriendoMB.cliente}"> 
		     			<f:validateLength minimum="1" /> 
		     			<p:ajax event="blur" update="clienteMsg" />  
		     		</p:inputText>
		     		<p:message id="clienteMsg" for="cliente" display="icon"/> 
		     	</td>    
		     </tr>
	 -->
			<tr>
				<td><h:outputLabel for="abono" value="Abono : " /></td>
				<td><p:inputText id="abono" value="#{arriendoMB.abono}">
						<f:validateLength minimum="1" />
					</p:inputText> <p:message id="abonoMsg" for="abono" display="icon" /></td>
			</tr>

			<tr>
				<td><h:outputLabel for="desde" value="Desde : " /></td>
				<td><p:calendar value="#{arriendoMB.desde}" id="desde" pattern="yyyy/MM/dd"> 
					<f:convertDateTime pattern="yyyy/MM/dd"/> 
				</p:calendar> 
				</td>
			</tr>

			<tr>
				<td><h:outputLabel for="hasta" value="Hasta : " /></td>
				<td><p:calendar value="#{arriendoMB.hasta}" id="hasta"  pattern="yyyy/MM/dd" mindate="#{arriendoMB.desde}"> 
					<f:convertDateTime pattern="yyyy/MM/dd"/> 
				</p:calendar>
				</td>
			</tr>

			<tr>
				<td><h:outputLabel for="horaInicio" value="Hora de inicio : " /></td>
				<td><p:calendar value="#{arriendoMB.horaInicio}" id="horaInicio" pattern="HH:mm" timeOnly="true">
						<f:convertDateTime pattern="HH:mm"/> 
					</p:calendar>  
				</td>
			</tr>

			<tr>
				<td><h:outputLabel for="horaTermino" value="Hora de termino : " /></td>
				<td><p:calendar value="#{arriendoMB.horaTermino}" id="horaTermino" pattern="HH:mm" timeOnly="true" />
				</td>
			</tr>

			<tr>
				<td><h:outputLabel for="descripcion" value="Descripcion : " /></td>
				<td><p:inputTextarea id="descripcion"
						value="#{arriendoMB.descripcion}">
						<f:validateLength minimum="1" />
					</p:inputTextarea> <p:message id="descripcionMsg" for="descripcion" display="icon" />
				</td>
			</tr>

			<tr>
				<td><p:commandButton id="addArriendo" value="Agregar"
						action="#{arriendoMB.addArriendo}" ajax="false" /></td>
				<td><p:commandButton id="reset" value="Reset"
						action="#{arriendoMB.reset}" ajax="false" /></td>
			</tr>
		</table>
	</h:form>
</h:body>
</html>
